<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="renderer" content="webkit">
<meta name="force-rendering" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link charset="utf-8" rel="stylesheet" type="text/css" href="/static/ali/ali.css" />
<link charset="utf-8" rel="stylesheet" type="text/css" href="/static/ali/single.css" />
<title>友利钱包账户中心</title>
</head>
<body>
	#include("common/header.html", site="home")

	<div class="content">
		<div class="content-wrapper">
			<div class="preview">
				<div class="bread">
					<span><a href="/customer/home/charge">充值制单</a></span>
					<span>&gt;</span>
					<span>详情</span>
				</div>
				<div class="title">
					<h3>单据详情</h3>
				</div>
				<div class="order-container">
					<dl class="order-item">
						<dt>用途：</dt><dd>#(youliAccount.alias)</dd>
					</dl>
					<dl class="order-item">
						<dt>开户名称：</dt><dd>#(youliAccount.accountName)</dd>
					</dl>
					<dl class="order-item">
						<dt>银行卡号：</dt><dd>#(youliAccount.accountNo)</dd>
					</dl>
					<dl class="order-item">
						<dt>银行名称：</dt><dd>#(youliAccount.bankName)</dd>
					</dl>
					<dl class="order-item">
						<dt>对公/对私：</dt><dd>#(youliAccount.isCompany ? '对公' : '对私')</dd>
					</dl>
					<dl class="order-item">
						<dt>金额：</dt><dd><span class="order-money"> ￥#(amount) </span></dd>
					</dl>
					<dl class="order-item">
						<dt>大写：</dt><dd> #(amountInWords) </dd>
					</dl>
					#if(fee!=null)
					<dl class="order-item">
						<dt>手续费：</dt><dd><span class="order-money"> ￥#(fee) </span></dd>
					</dl>
					<dl class="order-item">
						<dt>实际入账金额：</dt><dd><span class="order-money"> ￥#(allAmt) </span></dd>
					</dl>
					#end
					<dl class="order-item">
						<dt>买家名称：</dt><dd>#(payer)</dd>
					</dl>
					<dl class="order-item">
						<dt>买家电话：</dt><dd>#(phoneNo)</dd>
					</dl>
					<dl class="order-item">
						<dt>商品描述：</dt><dd>#(goodsName)</dd>
					</dl>
					<form method="post" class="layui-form" action="">
						<input type="hidden" name="youliAccountId" value="#(youliAccount.id )">
						<input type="hidden" name="amount" value="#(amount)">
						<input type="hidden" name="payer" value="#(payer)">
						<input type="hidden" name="phoneNo" value="#(phoneNo)">
						<input type="hidden" name="goodsName" value="#(goodsName)">
						<div class="btn-area">
							<button type="button" class="jui-btn jui-btn-blue" lay-submit lay-filter="submitReview">确认提交</button>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>

	#include("common/footer.html")
<script src="/static/layui/layui.js"></script>
<script type="text/javascript">
layui.config({
	version: "3.0.0",
    base: '/static/fly/mods/'
  }).extend({
	  fly: 'index'
  }).use(['form', 'layer'], function(){
	var $ = layui.$, form = layui.form;

    form.on("submit(submitReview)", function(data){
        //请求登入接口
        $.ajax({
            url: "/customer/order/charge", //实际使用请改成服务端真实接口
            data: data.field,
            type: "post",
            dataType: "json",
            success: function(res){
                if(res.code == 0){
                    layer.msg('提交成功', {offset: '15px', time: 1000, icon: 1}, function(){
                        location.href = '/customer/order/detail?id=' + res.msg;
                    });
                }else{
                    layer.msg(res.msg, {icon: 2});
                    $("div.login-pwd img").click();
                }
            },
            error: function(){
            	layer.msg("出错了", {icon:2});
            }
        });
    });

});
</script>
</body>
</html>
